<template>
  <view
    style="padding: 28rpx 24rpx; background: #ffffff; border-radius: 16rpx; display: flex"
    @click="onItem(info)">
    <image
      :src="info.coverAddress"
      mode="aspectFill"
      style="width: 210rpx; height: 180rpx; background: #eee; border-radius: 8rpx; flex-shrink: 0" />
    <view style="margin-left: 38rpx">
      <view
        style="
          font-size: 32rpx;
          color: #222222;
          width: 400rpx;
          text-overflow: ellipsis;
          white-space: nowrap;
          overflow: hidden;
        ">
        {{ info.propertyName }}
      </view>
      <view style="display: flex; margin-top: 5rpx; line-height: 33rpx">
        <image
          src="https://static.tospurfang.com/asset/location.png"
          mode="scaleToFill"
          style="width: 19rpx; height: 23rpx; margin-top: 9rpx" />
        <view style="font-size: 24rpx; color: #adadad">{{ info.areaName }}</view>
      </view>
      <view
        style="
          padding: 0 9rpx;
          margin-top: 11rpx;
          line-height: 30rpx;
          background: #fff0c3;
          border-radius: 4rpx;
          font-size: 22rpx;
          color: #907c3a;
          width: fit-content;
        ">
        {{ info.propertyType }}
      </view>
      <view style="font-size: 28rpx; color: #f33c3c; margin-top: 27rpx">
        参考价：{{ info.totalPrice }}万元
      </view>
    </view>
  </view>
</template>
<script setup>
  defineProps({ info: Object })
  function onItem(info) {
    uni.navigateTo({ url: `/pages/asset/detail?id=${info.propertyId}` })
  }
</script>
<style lang="scss"></style>
